<template>
  <div>
    <!-- 面包屑导航区域 -->
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/Welcome' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item>订单管理</el-breadcrumb-item>
      <el-breadcrumb-item>订单列表</el-breadcrumb-item>
    </el-breadcrumb>

    <!-- 卡片区域 -->
    <el-card>
      <!-- 顶部搜索栏 -->
      <el-row :gutter="12">
        <el-col :span="10">
          <el-input placeholder="请输入内容">
            <el-button slot="append" icon="el-icon-search"></el-button>
          </el-input>
        </el-col>
      </el-row>

      <!-- 表格区域 -->
      <el-table :data="ordersList" stripe border style="width: 100%">
        <el-table-column type="index" label="#">
        </el-table-column>
        <el-table-column prop="date" label="订单编号">
        </el-table-column>
        <el-table-column prop="name" label="订单价格">
        </el-table-column>
        <el-table-column prop="address" label="是否付款"> </el-table-column>
        <el-table-column prop="address" label="是否发货"> </el-table-column>
        <el-table-column prop="address" label="下单时间"> </el-table-column>
        <el-table-column prop="address" label="操作"> </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script>
export default {
    data(){
        return {
            //订单列表
            ordersList: [],
        }
    },
};
</script>

<style scoped>
</style>